import * as React from 'react';
import classNames from 'classnames';

export interface SliderProps {
	children?: React.ReactNode;
	className?: string;
	defaultValue?: React.ReactNode;
}

const Slider: React.FC<SliderProps> = props => {
	const prefixCls = 'bh-slider';
	const {
		children,
		className,
		defaultValue,
		...restProps
	} = props;
	const classString = classNames(
		prefixCls,
		className,
	);

	return (
		<div {...restProps} className={classString}>
		    <div className="bh-slider-rail"></div>
		    <div className="bh-slider-track"></div>
		    <div className="bh-slider-step"></div>
		    <div className="bh-slider-handle"></div>
		    <div className="bh-slider-mark"></div>
		</div>
	)
};

export default Slider;